<!DOCTYPE html>
<html>
<head>
	<title>分页</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<!-- 有三个尺寸，适用于显示器、iPad、手机屏幕 -->

	<nav>
		<ul class="pagination pagination-lg">
			<!-- 向前 -->
			<!-- 当前在第一页的时候是不可点击的 -->
			<li class="disabled"><a href="#">&laquo</a></li>
			<li class="active"><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">6</a></li>
			<li><a href="#">7</a></li>
			<li><a href="#">8</a></li>
			<!-- 向后 -->
			<li><a href="#">&raquo</a></li>
		</ul>
	</nav>

	<nav>
		<ul class="pagination">
			<!-- 向前 -->
			<!-- 当前在第一页的时候是不可点击的 -->
			<li class="disabled"><a href="#">&laquo</a></li>
			<li class="active"><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">6</a></li>
			<li><a href="#">7</a></li>
			<li><a href="#">8</a></li>
			<!-- 向后 -->
			<li><a href="#">&raquo</a></li>
		</ul>
	</nav>

	<nav>
		<ul class="pagination pagination-sm">
			<!-- 向前 -->
			<!-- 当前在第一页的时候是不可点击的 -->
			<li class="disabled"><a href="#">&laquo</a></li>
			<li class="active"><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">6</a></li>
			<li><a href="#">7</a></li>
			<li><a href="#">8</a></li>
			<!-- 向后 -->
			<li><a href="#">&raquo</a></li>
		</ul>
	</nav>

<!-- 翻页效果，且是居中 -->
	<nav>
		<ul class="pager">
			<li><a href="#">下一页</a></li>
			<li><a href="#">上一页</a></li>
		</ul>
	</nav>

<!-- &larr;箭头 -->
	<nav>
		<ul class="pager">
			<li class="previous disabled



			"><a href="#">&larr;向前</a></li>
			<li class="next"><a href="#">&rarr;向后</a></li>
		</ul>
	</nav>

	<span class="label label-danger">默认</span>
	<span class="label label-default">默认</span>
	<span class="label label-primary">默认</span>
	<span class="label label-info">默认</span>
	<span class="label label-success">默认</span>
	<span class="label label-warning">默认</span>

	<h3>注释一个撒撒旦发给海南<span class="label label-success">描述</span></h3>
	<h3>注释一个撒撒旦发给海南<span class="label label-default">描述</span></h3>
</body>
</html>